@extends('frontend/layouts/default')
@section('title')
Danh sách bài giảng
@stop
@section('content')
<div class="default-width-left">
    <div class="title" style="width:100%">
        <label>Học Đàn >> Bài giảng</label>

        <div class="box-drop-list">
            <ul class="list FL">
                <li><a href="#">Sắp xếp <i class="fa fa-caret-down">&nbsp;</i></a>
                    <ul class="box-droplist">
                        <li>
                            <a href="<?= route('bai-giang', array('order' => 'id')) ?>">Mới nhất</a>
                        </li>
                        <li>
                            <a href="<?= route('bai-giang', array('order' => 'views')) ?>">Xem nhiều</a>
                        </li>
                        <li>
                            <a href="<?= route('bai-giang', array('order' => 'thanks')) ?>">Tiêu điểm</a>
                        </li>
                    </ul>
                </li>
            </ul>
            @include('frontend/commons/categories/categories-dropdown',array('type'=>'lesson'))
            @include('frontend/commons/tones/tones-dropdown',array('type'=>'lesson'))
        </div>
    </div>
    <!--list videos-->
    <div class="box-list overH">
        @include('frontend/lessons/_partials/index/main')
    </div>
    <!--end list videos-->
    <!--    các hoạt động gần đây-->
    <div class="box-cmt">
        @include('frontend/commons/comments/top_comments',array('type'=>'lesson'))
    </div>
    <!--    các hoạt động gần đây end-->
</div>
<!--content right-->
<div class="default-width-right">
<!--Các chủ đề nổi bật-->
<div>
    @include('frontend/commons/topics/topics-right',array('type'=>'lesson'))
</div>
<!--Các chủ đề nổi bật end-->
<!--Các chủ đề nổi bật-->
<div class="MgTB20">
    @include('frontend/commons/categories/categories-right',array('type'=>'lesson'))
</div>
<!--Các chủ đề nổi bật end-->

<!--Các chủ đề nổi bật-->
<div class="MgTB20">
    @include('frontend/commons/tones/tones-right',array('type'=>'lesson'))
</div>
<!--Các chủ đề nổi bật end-->
<!--Yêu cầu bài giảng-->
<div class="MgT20">
    <div class="box-right">
        <div class="title-box">
            Yêu cầu bài giảng
        </div>
        <div class="ct-box borderB-G">
            <div class="row-item">
                <input type="text" onfocus="javascript:if(this.value=='Tên bài:'){this.value='';};"
                       onblur="javascript:if(this.value==''){this.value='Tên bài:';};" value="Tên bài:"
                       id="input_searchword" name="searchword" autocomplete="off" class="in-search">
            </div>
            <div class="row-item MgT15">
                <input type="text" onfocus="javascript:if(this.value=='Ca sỹ/Nhạc sỹ'){this.value='';};"
                       onblur="javascript:if(this.value==''){this.value='Ca sỹ/Nhạc sỹ';};" value="Ca sỹ/Nhạc sỹ"
                       id="input_searchword" name="searchword" autocomplete="off" class="in-search">
            </div>
            <div class="row-item MgT15">
                <input type="text" onfocus="javascript:if(this.value=='Đường dẫn link'){this.value='';};"
                       onblur="javascript:if(this.value==''){this.value='Đường dẫn link';};" value="Đường dẫn link"
                       id="input_searchword" name="searchword" autocomplete="off" class="in-search">
            </div>
            <div class="row-item PdB10 text-right">
                <input type="submit" value="Gửi yêu cầu">
            </div>
        </div>
    </div>
</div>
<!--Yêu cầu bài giảng-->
<!--Bảng xếp hạng hiện tại-->
<!--end Bảng xếp hạng hiện tại-->
</div>
<!--end content right-->
@stop